<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="htmlhead">
    <meta charset="utf-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <!--BootStrap设计的页面支持响应式的 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"></meta>
    <link rel="icon" href="/img/icon.ico" type="image/x-icon"/>
    <title layout:title-pattern="$LAYOUT_TITLE - $CONTENT_TITLE">springboot</title>

    <link rel="stylesheet" th:href="@{/vendor/fontawesome/css/font-awesome.min.css}" />
    <link rel="stylesheet" th:href="@{/vendor/simple-line-icons/css/simple-line-icons.css}" />
    <!-- 引入JQuery的JS文件：JQuery的JS文件要在BootStrap的js的文件的前面引入-->;
     <script th:src="@{/jquery/jquery-3.3.1.js}" type="text/javascript"></script>
    <!--引入BootStrap的JS的文件-->
    <script th:src="@{/bootstrap/js/bootstrap.js}" type="text/javascript"></script>-->
    <!--引入BootStrap的CSS-->
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}" />
     <!-- <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-theme.css}" >-->
    <link rel="stylesheet" th:href="@{/vendor/media/css/app.css}" />

<!--    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"/>-->
   <!-- <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-responsive.min.cs}">-->
    <!--<link rel="stylesheet" th:href="@{/assets/styles.css}"/>-->
</head>
<body class="layout-fixed">
    <div th:fragment="navbar" class="wrapper" role="navigation">
        <div th:replace="fragments/header :: header">Header</div>
        <div th:replace="fragments/left :: left">left</div>
        <div th:replace="fragments/sidebar :: sidebar">sidebar</div>
        <div layout:fragment="content" id="content"></div>
        <div th:replace="fragments/footer :: footer">footer</div>
    </div>
<div th:replace="fragments/alert :: alert">alert</div>

</body>
</html>
